/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
 //searchable grid which allows to see everything the content filter has processed, failed or none
 //used to be feedgrid.js, need to change to json store 
PirateBayGrid = function(viewer, config) {
    this.viewer = viewer;
    Ext.apply(this, config);

    this.store = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({
            url: '/gui/command.cgi',
            method:'POST'
        }),

        reader: new Ext.data.XmlReader(
            {record: 'item'},
            ['category', 'title','link','uploaded','size','seeds','leechers','description']
        )
    });
    //this.store.setDefaultSort('pubDate', "DESC");
     this.searchField =  new Ext.app.SearchField({
        store: this.store,
        width: 100 //TODO dont work, too long
    });
    this.tbar = [this.searchField];
        
        
     this.columns = [{
        id: 'title',
        header: "Title",
        dataIndex: 'title',
        sortable:true,
        width: 420
        //renderer: this.formatTitle
      },{
        header: "Uploaded",
        dataIndex: 'uploaded',
        width: 100,
        hidden: false,
        sortable:true
      },{
        id: 'seeds',
        header: "Seeds",
        dataIndex: 'seeds',
        width: 30,
        
        sortable:true
    },{
        id: 'leechers',
        header: "Leechers",
        dataIndex: 'leechers',
        width: 30,
        
        sortable:true
    }];

    PirateBayGrid.superclass.constructor.call(this, {
        region: 'center',
        id: 'release-grid',
        loadMask: {msg:'Loading View...'},
        tbar: this.tbar,
        sm: new Ext.grid.RowSelectionModel({
            singleSelect:true
        }),

        viewConfig: {
            forceFit:true,
            enableRowBody:true,
            showPreview:true,
            getRowClass : this.applyRowClass
        }
    });

    this.on('rowcontextmenu', this.onContextClick, this);


 this.gsm = this.getSelectionModel();

//    this.gsm.on('rowselect', function(sm, index, record){
//        Application.getTemplate().overwrite(this.preview.body, record.data);
//        var items = this.preview.topToolbar.items;
//        items.get('tab').enable();
//        items.get('win').enable();
//    }, this, {buffer:250});

//    this.store.on('beforeload', this.preview.clear, this.preview);
//    this.store.on('load', this.gsm.selectFirstRow, this.gsm);

//    this.on('rowdblclick', this.openTab, this);

};


Ext.extend(PirateBayGrid, Ext.grid.GridPanel, {

    onContextClick : function(grid, index, e){
        if(!this.menu){ // create context menu on first right click
            this.menu = new Ext.menu.Menu({
                id:'release-grid-ctx',
                items: [{
                    text: 'View in new tab',
                    iconCls: 'new-tab',
                    scope:this,
                    handler: function(){
                        this.viewer.openTab(this.ctxRecord);
                    }
                },{
                    iconCls: 'new-win',
                    text: 'Go to Post',
                    scope:this,
                    handler: function(){
                        window.open(this.ctxRecord.data.link);
                    }
                },'-',{
                    iconCls: 'refresh-icon',
                    text:'Refresh',
                    scope:this,
                    handler: function(){
                        this.ctxRow = null;
                        this.store.reload();
                    }
                }]
            });
            this.menu.on('hide', this.onContextHide, this);
        }
        e.stopEvent();
        if(this.ctxRow){
            Ext.fly(this.ctxRow).removeClass('x-node-ctx');
            this.ctxRow = null;
        }
        this.ctxRow = this.view.getRow(index);
        this.ctxRecord = this.store.getAt(index);
        Ext.fly(this.ctxRow).addClass('x-node-ctx');
        this.menu.showAt(e.getXY());
    },

    onContextHide : function(){
        if(this.ctxRow){
            Ext.fly(this.ctxRow).removeClass('x-node-ctx');
            this.ctxRow = null;
        }
    },


    togglePreview : function(show){
        this.view.showPreview = show;
        this.view.refresh();
    },

    // within this function "this" is actually the GridView
    applyRowClass: function(record, rowIndex, p, ds) {
        if (this.showPreview) {
            var xf = Ext.util.Format;
            p.body = '<p>' + xf.ellipsis(xf.stripTags(record.data.description), 200) + '</p>';
            return 'x-grid3-row-expanded';
        }
        return 'x-grid3-row-collapsed';
    },

    formatDate : function(date) {
        if (!date) {
            return '';
        }
        var now = new Date();
        var d = now.clearTime(true);
        var notime = date.clearTime(true).getTime();
        if (notime == d.getTime()) {
            return 'Today ' + date.dateFormat('g:i a');
        }
        d = d.add('d', -6);
        if (d.getTime() <= notime) {
            return date.dateFormat('D g:i a');
        }
        return date.dateFormat('n/j g:i a');
    },

    formatTitle: function(value, p, record) {
        return String.format(
                '<div class="topic"><b>{0}</b><span class="author">{1}</span></div>',
                value, record.data.author, record.id, record.data.forumid
                );
    }
});
